<template>
  <view class="w-card">
    <view class="flex-between f-c-9 u-f-sm">
      <view>评价(1000+)</view>
      <view class="flex" @click="commentPop?.showPop">查看全部
        <up-icon name="arrow-right" color="#999" size="22rpx"></up-icon>
      </view>
    </view>
    <view class="p-c-15">
      <view class="p-c-15" v-for="i in 3" :key="i">
        <view class="flex p-c-10">
          <up-avatar src="https://picsum.photos/200" shape="circle" size="25"></up-avatar>
          <view class="p-r-10">张三</view>
          <image src="/static/icon/vip/user-level-1.png"
                 style="width: 70rpx;height: 30rpx;"/>
        </view>
        <view class="text-2" style="margin-left: 60rpx">
          阿斯顿发山东范德萨范德萨发阿斯蒂芬答复答复水岸东方发斯蒂芬萨达水岸东方发达防守打法阿斯蒂芬阿斯蒂芬士大夫阿斯蒂芬阿斯蒂芬
        </view>
      </view>
    </view>
  </view>
  <comment-pop ref="commentPop"></comment-pop>
</template>
<script lang="ts" setup>
import {ref} from 'vue'
import CommentPop from "@/shop/components/comment-pop.vue";
import {onLoad} from '@dcloudio/uni-app'

const commentPop = ref()

onLoad((e)=>{
  console.log('onLoad',e)
})


</script>

<style scoped lang="scss">
@import "@/static/css/index.css";
</style>